page {
    width: 100%;
    // height: 100%;
    //background: rgba(0, 0, 0, 0.7);
}

// .animationView{
// 	display: block;
// 	width: 100%;
// 	height: 40rpx;
// 	background: red;
//     animation: sploosh 1s linear;
//     animation-iteration-count: infinite;
// }


// @keyframes sploosh {
//     0% {
//         margin-top:0rpx;
//     }
//     100% {
//          margin-top:410rpx;
//     }
// }

.angleStyle {
    width: 32rpx;
    height: 32rpx;
    z-index: 8;
    position: absolute;

}

.angleStyle1 {
    left:67rpx;
    top:144rpx;

}

.angleStyle2 {
    left:653rpx;
    top:144rpx;

}
.angleStyle3 {
    left: 67rpx;
    top: 524rpx;
}
.angleStyle4 {
    left: 653rpx;
    top: 524rpx;
}

#nscanPage {
    width: 100%;
    height: 100%;

    .bgStyle {
        position: absolute;
        top: 0px;
        height: 0px;
        width: 100%;
        height: 100%;
        z-index: 6;
    }

    camera {
        width: 606rpx;
        height: 400rpx;
        // overflow: hidden;
        margin: 30rpx auto;
        z-index: 8;
        border: 1rpx solid #999;
       

    }
    .note{
    position:relative;

    display: block;
    text-align: center;
    font-size: 32rpx;
    color:#eee;
    margin-top: 30rpx;
    z-index:8;

    }
    .writeView {
        z-index: 8;
        width: 580rpx;
        height: 90rpx;
        margin: 30rpx auto;
        background: white;
        border-radius: 45rpx;
        line-height: 90rpx;
        position: relative;

        input {
            width: 420rpx;
            z-index: 9;
            font-size: 36rpx;
            color: #333;
            line-height: 90rpx;
            height: 90rpx;
            padding-left: 30rpx;

        }

        span {
            z-index: 99;
            position: absolute;
            right: 10rpx;
            font-size: 28rpx;
            width: 144rpx;
            display: block;
            height: 72rpx;

            text-align: center;
            line-height: 72rpx;
            top: 9rpx;
            border-radius: 36rpx;

        }

        .World {
            color: #231815;
            background: #ffea00;
            z-index:99;
        }

        .noWorld {
            color: #fff;
            background: #dcdcdc;
        }

    }

    .scanImg_style {
        z-index: 8;
        width: 400rpx;
        height: 90rpx;
        margin: 30rpx auto ;
        background: rgba(0, 0, 0, 0.6);
        // background: red;
        //z-index:8;
        border-radius: 45rpx;
        text-align: center;
        line-height: 90rpx;
        position: relative;

        image {
            width: 44rpx;
            height: 32rpx;
            // margin-left: 20rpx;
            display: block;
            position: absolute;
            left: 104rpx;
            top: 29rpx;
        }

        label {
            position: absolute;
            font-size: 32rpx;
            color: #fff;
            left: 168rpx;
        }
    }

    .payView {
        z-index: 999;
        width: 750rpx;
        height: 98rpx;
        position: fixed;
        bottom: 0rpx;
        left: 0rpx;

        .pay_left {
            display: block;
            width: 750rpx;
            height: 98rpx;
            float: left;
            background: rgba(66, 67, 68, 0.8);

            image {
                position: absolute;
                bottom: 20rpx;
                left: 16rpx;
                width: 124rpx;
                height: 108rpx;
            }

            span {
                font-size: 36rpx;
                color: #fff;
                line-height: 98rpx;
                margin-left: 160rpx;
            }

            p {
                position: absolute;
                top: -22rpx;
                left: 110rpx;
                display: block;
                width: 36rpx;
                height: 36rpx;
                border-radius: 18rpx;
                background: #fc4e54;
                font-size: 24rpx;
                color: #fff;
                text-align: center;
                line-height: 36rpx;
            }
            .originalPrice {
                    margin-left: 10rpx;
                    font-size: 20rpx;
                    color: #999;
                    position: relative;

                    .line {
                        position: absolute;
                        bottom: 13rpx;
                        left: 0px;
                        width: 100%;
                        height: 1rpx;
                        background: #bbb;
                    }
                }

        }

        .pay_right1 {
            background: #4d4e4f;
            width: 260rpx;
            height: 98rpx;
            display: block;
            color: #999;
            font-size: 32rpx;
            line-height: 98rpx;
            text-align: center;
            position: absolute;
            top: 0rpx;
            right: 0rpx;
        }

        .pay_right2 {
            background: linear-gradient(to right, #ffea00, #ffde00);
            width: 260rpx;
            height: 98rpx;
            display: block;
            color: #231815;
            font-size: 32rpx;
            line-height: 98rpx;
            text-align: center;
            position: absolute;
            top: 0rpx;
            right: 0rpx;
        }
    }
}


.oneClass {
    bottom: -142rpx;
}

.twoClass {
    bottom: -20rpx;
}
.threeClass{
	bottom: 98rpx;
}
#goods {
    position: fixed;
    width: 750rpx;
    // height: 200rpx;
    z-index: 99;

    //bottom: 318rpx; 2个
    // bottom: 148rpx; 
    .scrollView {
        width: 750rpx;
        height: 365rpx;
    }

    .goodstop {
        width: 100%;
        height: 80rpx;
        background: #f5f5f5;

        label:nth-of-type(1) {
            line-height: 80rpx;
            margin-left: 24rpx;
            font-size: 28rpx;
            color: #666;
        }

        label:nth-of-type(2) {
            line-height: 80rpx;
            float: right;
            margin-right: 24rpx;
            font-size: 28rpx;
            color: #666;
            position: relative;

            image {
            	position: absolute;
            	top: 26.5rpx;
            	left: -36rpx;
                width: 26rpx;
                height: 27rpx;
                margin-right: 10rpx;
            }
        }
    }

    .goods_style {
        width: 750rpx;
        // margin-left: 10rpx; // height: 160rpx;
        border-bottom: 2rpx solid #ededed;
        position: relative;

        .activity {
            width: 100%;
            height: 72rpx;
            line-height: 72rpx;
            position: relative;

            >label {
                display: block;
                margin-left: 140rpx;
                width: auto;
                border-top: 2rpx dashed #d1d1d1;
            }

            .promotions {
                position: absolute;
                top: 16rpx;
                left: 140rpx;
                line-height: 24rpx;
                font-size: 24rpx;
                padding: 8rpx 10rpx;
                border: 1px solid #3988cb;
                color: #3988cb;
                border-radius: 12rpx;
            }

            .assemblage {
                position: absolute;
                top: 16rpx;
                left: 140rpx;
                line-height: 24rpx;
                font-size: 24rpx;
                padding: 8rpx 10rpx;
                color: #ff4c4e;

                span {
                    background: #ff4c4e;
                    color: white;
                    padding: 2rpx 6rpx;
                    border-radius: 8rpx;
                    margin-right: 10rpx;
                }
            }
        }

        .good_msg {
            background: white;
            height: 76rpx;
            width: 750rpx; // height: 160rpx;
            padding: 24rpx;
            .name1 {
              display: block;
              width: 340rpx;
              overflow: hidden;
			  text-overflow:ellipsis;
			  white-space: nowrap;
              line-height: 76rpx;
              font-size: 32rpx;
              color:#333;
            }
            .name2 {
              display: block;
              width: 340rpx;
              overflow: hidden;
			  text-overflow:ellipsis;
			  white-space: nowrap;
              line-height: 32rpx;
              font-size: 32rpx;
              color:#333;
              .type1{
               margin-top: 20rpx;
               display: block;
               font-size: 24rpx;
               color: #2d82ff;
              }
              .type2{
              	 margin-top: 20rpx;
                display: block;
               font-size: 24rpx;
               color: #ff4c4e;
              }

            }
            .money {
            	display: block;
                position: absolute;
                right:214rpx; 
                color: #ff4c4f;
                font-size: 32rpx;
                line-height: 32rpx;
                bottom: 46rpx;
                .price {
                    display: inline-block;
                    line-height: 32rpx;
        
                    font-size: 28rpx;
                    position: relative;
                }
                .originalPrice {
                    margin-right: 8rpx;
                    font-size: 20rpx;
                    color: #bbb;
                    position: relative;

                    .line {
                        position: absolute;
                        bottom: 13rpx;
                        left: 0px;
                        width: 100%;
                        height: 1rpx;
                        background: #bbb;
                    }
                }
            }

            .add_sub_style {
                position: absolute;
                width: 180rpx;
                height: 60rpx;
                right: 24rpx;
                bottom: 32rpx;
                line-height: 80rpx;
                font-size: 32rpx;

                label {
                    display: inline-block;
                    width: 60rpx;
                    height: 60rpx;
                    float: left;
                    line-height: 60rpx;
                    text-align: center;
                    position: relative;
                    p{
                    	position: absolute;
                    	display: block;
                    	width: 60rpx;
                    	height: 60rpx;
                    	text-align: center;
                    	line-height: 60rpx;
                    }

                    image{
                        position: absolute;
                        width: 50rpx;
                        height: 50rpx;
                        top: 5rpx;
                        left: 5rpx;
                        
                    }
                }
               

            }
        }
    }
}